<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .bg{
            color:green;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <div id="root"></div>
</body>
<script type="module">
    import {createElement,render} from "./React.js";
    var num = 1;
    var num2 = 2;
    var my = {
        color: "red"
    };
    render(createElement(
            "div",
            null,
            createElement(
                "h3",
                {
                    style: my
                },
                "我现在很好，你现在过的好不好？"
            ),
            createElement(
                "div",
                null,
                createElement(
                    "span",
                    {
                        className: "bg"
                    },
                    num
                ),
                createElement(
                    "span",
                    null,
                    createElement("h3",null,100)
                )
            )
        ),
        document.querySelector("#root")
    );
</script>
</html>